<template>
    <el-card class="box-card m_t_b_1vw" shadow="hover">
        <div slot="header">
            <div class="tag">军事心理</div>
        </div>
        <p v-for="item in militaryNews" @click="goMilitaryNews(item.id)" style="padding-bottom: 10px;">· {{item.name}}</p>
    </el-card>
</template>

<script>
import VueChat from '@/components/VueChat';
export default {
    components: { VueChat },
    data() {
        return {
            militaryNews: [
                { id: 1, name: '充分发挥人民政协的制度优势' },
                { id: 2, name: '新中国70年与中华民族文化自信' },
                { id: 3, name: '传递正能量' },
            ],
        };
    },
    created() {},
    mounted() {},
    methods: {
        goMilitaryNews(id) {
            this.$router.push({ path: '/LearningHome/Psychological/militaryNews', query: { id } });
        },
    },
};
</script>

<style>
</style>